<template>
    <h2>会员权益修改</h2><br>
    <table class="table-bordered" border="1">
        <tr>
            <td>会员权益名称</td>
            <td>
                <input type="text" placeholder="请输入会员权益名称" v-model="Info.MR_Name"/>
            </td>
        </tr>
        <tr>
            <td>权益说明</td>
            <td>
                <textarea cols="30" rows="5" placeholder="请输入会员权益说明" v-model="Info.MR_Info"></textarea>
            </td>
        </tr>
        <tr>
            <td>是否自定义</td>
            <td>
                <input type="radio" value="true" v-model="Info.MR_IsCustom">是
                <input type="radio" value="false" v-model="Info.MR_IsCustom">否
            </td>
        </tr>
        <tr>
            <td>权益类型</td>
            <td>
                <select v-model="Info.MR_RuleType">
                    <option :value="-1">--请选择--</option>
                    <option :value="0">折扣</option>
                    <option :value="1">延时</option>
                    <option :value="2">餐饮</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>权益规则</td>
            <td>
                <textarea cols="30" rows="5" placeholder="请输入会员权益说明" v-model="Info.MR_Rule"></textarea>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="text-align: center;">
                <input type="button" value="保存" class="btn btn-success"  @click="SaveDate"/>
                <input type="button" value="返回权益列表" class="btn btn-success"  @click="RightDate"/>
            </td>
        </tr>
    </table>
    
    </template>
    
    <script setup lang="ts">
    import axios from 'axios';
    import {ref,onMounted} from 'vue';
    import {useRouter,useRoute} from 'vue-router';
    
    //创建onMounted()生命周期钩子
    onMounted(()=>{
        GetRight();
    })

    const route=useRoute();
    const router=useRouter();

    const idd=route.params.MR_Id

//返回权益列表
const RightDate=()=>{
    router.push("/ShowMemberRights")
}


        //声明响应式数据
        const Info=ref({
        MR_Name:"",
        MR_Info:"",
        MR_IsCustom:true,
        MR_RuleType:-1,
        MR_Rule:"",
    })    


        //根据id查询权益完成数据反填
        const GetRight=()=>{
        axios.get("https://localhost:7035/api/Member/GetTMemberRights?id="+idd)
        .then(res=>{
            Info.value=res.data
        })
    }
     

    //修改方法
    const SaveDate=()=>{
        //验证 权益名称不能为空
        if(Info.value.MR_Name==""){
            alert('权益名称不能为空')
            return;
        }
        //验证 权益名称必须为中文,最多输入10个字符
        var reg=/[\u4e00-\u9fa5]/;
        if(!reg.test(Info.value.MR_Name)){
            alert('权益名称必须为中文');
            return;
        }
        //验证 权益描述内容必须大于5个字符
        if(Info.value.MR_Info.length<5){
            alert('权益描述内容必须大于5个字符')
            return;
        }
    
        //验证 请选择权益类型
        if(Info.value.MR_RuleType==-1){
            alert('请选择权益类型')
            return;
        }
        axios.put("https://localhost:7035/api/Member/UpRight",Info.value)
        .then(res=>{
            if(res.data>0){
                alert("会员权益修改成功")
                router.push("/ShowMemberRights");
            }else
            if(res.data==-1){
                alert('会员权益已存在,请重新录入')
            }else{
                alert("会员权益修改失败")
            }
        })
        .catch(error=>{
            console.log(error)
        })
    }
    
    </script>